Page({

  /**
   * 页面的初始数据
   */
  data: {
    addressData: [],
    addressId: '',
    sencinData: [],
    longitude: '116.397963',
    latitude: '39.915119',
    markers: [],
    status:false
  },
  // 点击事件
  onClick(event) {
    console.log(event);
    this.addressId = event.detail.name
    wx.showToast({
      title: `点击标签 ${event.detail.title}`,
      icon: 'none',
    });
    let that = this
    wx.request({
      url: 'https://wwz.jingyi.icu/app/map/index',
      method: 'POST',
      data: {
        map_id: event.detail.name
      },
      success: (res) => {
        console.log(res);
        that.setData({
          sencinData: res.data.data
        })
        console.log(that.data.sencinData);
        this.loadMarkers();
      }
    })
  },
  modelclick(e){
    console.log(e.currentTarget.dataset);
    wx.showToast({
      title: e.currentTarget.dataset.name,
      icon: 'none',
    });
    let that = this
    wx.request({
      url: 'https://wwz.jingyi.icu/app/map/index',
      method: 'POST',
      data: {
        map_id: e.currentTarget.dataset.idtype
      },
      success: (res) => {
        console.log(res);
        that.setData({
          sencinData: res.data.data
        })
        console.log(that.data.sencinData);
        this.loadMarkers();
      }
    })
  },
  showModel(){
    console.log(111);
    this.setData({
      status: true
    });
  },
  closeModel(){
    this.setData({
      status: false
    });
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // const location = res.data.data[0];//获取数据第一条
    // const mapCtx = wx.createMapContext('map');//创建 map 上下文 MapContext 对象。
    // //将地图中心移置当前定位点，此时需设置地图组件 show-location 为true。'2.8.0' 起支持将地图中心移动到指定位置。
    // mapCtx.moveToLocation({
    //   //经纬度
    //   latitude: location.latitude,
    //   longitude: location.longitude
    // });
  },
  loadMarkers: function () {
    let markers = this.data.sencinData
    //生成 markers 列表，用于在地图上展示
    let markersData = markers.map(marker => {
      return {
        id: marker.id,
        longitude: marker.lng,
        latitude: marker.lat,
        title: marker.name,
        county: marker.address,
        iconPath: 'https://wwz.jingyi.icu/' + marker.identifying,
        width: 40,
        height: 40,
      };
    });
    console.log('---------------------------');
    console.log(markersData);
    console.log('---------------------------');
    this.setData({
      markers: markersData
    });
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    wx.setNavigationBarTitle({
      title: '景区地图',
    })
    // 初始渲染
    let that = this
    wx.request({
      url: 'https://wwz.jingyi.icu/app/maps/index',
      method: 'POST',
      data: {
        scenic_id: 3
      },
      success: (res) => {
        console.log(res);
        that.setData({
          addressData: res.data.data
        })
        console.log(that.data.addressData);
        wx.request({
          url: 'https://wwz.jingyi.icu/app/map/index',
          method: 'POST',
          data: {
            map_id: that.data.addressData[0].id
          },
          success: (res) => {
            console.log(res);
            that.setData({
              sencinData: res.data.data
            })
            console.log(that.data.sencinData);
            //加载点位数据
            this.loadMarkers();
          }
        })
      }
    })

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})